h2  { margin:0; font-size:1.1em; font-style:italic; background-color:white; width:68px; }

#div1 {
    position:absolute;
    top:50px;
    left:20px;

    border:1px solid lime;
}
#div2 { position:absolute; top:145px; left:20px; }
#div3 { position:absolute; top:240px; left:20px; }
#div4 { position:absolute; top:335px; left:20px; }
#div5 { position:absolute; top:430px; left:20px; }

*.col_1 {
    float:left;
    height:100%;
    width:155px;

    border:1px solid red;
}
*.col_2 { float:left; height:100%; width:105px; margin-left:35px;}
*.col_3 { float:left; height:100%; width:105px; margin-left:35px;}

*.parent {
    height:80px;
    width:600px;
    text-align:center;

    margin-top:0px;    /* TODO STRANGE I don't know why changing this value affect only the 1st division, div1 and not the other divx */
    padding:0px 134px;  /* 2-values: T-B, L-R;      4-values: T-R-B-L */

    background-color:white;
    border:1px solid green;
    /* repeat-y; */    /* <=== WHAT DOES this do??? doesn't seem like anything?! */
}

*.box     { background-color:gold; border:1px solid black; 1margin:5px; 1padding:5px;  } 
*.spacer  { height:15px; border:none!important; background:none!important; font-size:1px; line-height:1px; }

*.replaced_inline_shrinkwrapped  {
    height:auto;
    border:2px solid red;
}
*.replaced_inline_sized          { height:65px;  }
*.replaced_inline_stretched      { height:100%;  }

*.block_auto            { height:auto;   width:150px; }
*.block_sized           { height:65px;   width:100px; }
*.block_100_pct         { height:100%;   width:100px; }

*.table_auto            { height:auto;   width:150px; }
*.table_sized           { height:65px;   width:100px; }
*.table_100_pct         { height:100%;   width:100px; }

*.float_auto            { height:auto;   float:left;  width:150px;  }
*.float_sized           { height:65px;   float:left;  width:100px;  margin-left:38px; }
*.float_100_pct         { height:100%;   float:left;  width:100px;  margin-left:38px; }

*.absolute_auto_width_fixed {
    position:absolute;
    top:0;
    bottom:auto;
    left:135px;
    top:0px;

    height:auto;
    width:170px;
}
*.absolute_sized {
    position:absolute;
    top:0;
    bottom:auto;
    left:323px;
    top:0px;

    height:65px;
    width:100px;
}
*.absolute_auto_width_100pct {
    position:absolute; 
    top:0;
    bottom:0;
    left:463px;
    top:0px;

    height:auto;
    width:100px;
}
